<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="https://cdn.staticfile.org/element-ui/2.15.9/theme-chalk/index.css">
    <style>
        .fixed_nav{
            position:fixed;
            z-index: 1500;
            top:0;
            left:6px;
            right: 0;
            width:0px;
            height:130px;
            background:#777777;
            padding: 0px 144px ;
        }
        #top{
            width: 1600px;
            margin: 0px 0px 0px 0px;
            min-height: 0px;
        }
        .el-carousel__item h3 {
            color: black;
            font-size: 14px;
            opacity: 0.75;
            line-height: 150px;
            margin: 0;
        }
        header a {
            text-decoration: none;
            color:black;
        }
        #nav{
            float: right;
            width: 1150px;
            margin-right: 300px ;
            line-height: 130px;
            font-size: 23px;
            color: yellow;
        }
        #nav>a{
            margin-right: 30px;
            color: #ffffff;
            -color:cornflowerblue;
        }
        a:visited {
            color: brown; /*已访问的链接颜色*/
        }









    </style>

    <style type="text/css">
        #nav>a:link {
            color: white; /*未访问的链接颜色*/
        }
        #nav>a:hover {
            color: cornflowerblue; /*鼠标移动到链接的颜色*/
            text-decoration: underline;
        }
        #nav>a:active {
            color: sandybrown; /*鼠标点击时的颜色*/
        }
    </style>
</head>
<body>
<header id="top" class="fixed_nav">
    <div id="logo" class="lf" style="width: 1880px;">
        <img class="animated jello"  width="250" height="130" src="锐晨装饰标头.png" style="width: 280px;vertical-align: middle" alt="logo"/>
        <nav id="nav">
            <a href="/" style="right: 50px">首页</a>
            <a href="" >设计案例</a>
            <a href="">家居商城</a>
            <a href="">我要装修</a>
            <a href="">设计团队</a>
            <a href="">用户点评</a>
            <a href="">关于我们</a>
            <i class="el-icon-phone-outline"></i>
            <span class="tel" style="font-size: 27px" >400-800-3200</span>
        </nav>
    </div>
</header>
<div id="app">
    <template>
        <div style="width: 1910px">
            <el-carousel height="800px">
                <el-carousel-item v-for="item in arr">
                    <img :src="item" width="1887px" height="800px" alt="">
                </el-carousel-item>
            </el-carousel>
        </div>
    </template>
</div>

<div>
    <el-footer>
        <div style="background-color: #3f3f3f;padding:25px 0;text-align: center;color: #b1b1b1">
            <p>Copyright © 北京达内金桥科技有限公司版权所有 京ICP备12003709号-3 京公网安备 11010802029572号</p>
            <p>达内在线WWW.TMOOC.CN 专注于IT职业技能培训</p>
            <p>涵盖20余门课程体系，致力于打造权威的IT职业教育学习平台</p>
        </div>
    </el-footer>
</div>
</body>

<!-- import Vue before Element -->
<script src="https://cdn.staticfile.org/vue/2.6.14/vue.min.js"></script>
<!-- import JavaScript -->
<script src="https://cdn.staticfile.org/element-ui/2.15.9/index.min.js"></script>
<script>
    let v = new Vue({
        el: '#app',
        data: function () {
            return {
                arr:["A2.jpg","A4.jpg","A5.jpg"]
            }
        },
        methods: {}
    })
</script>
</html>